<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <link rel="stylesheet" href="resources/layui/css/layui.css">
  <link rel="stylesheet" href="resources/icomoon/style.css">
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    .mene-item a:hover {
      color: #3b99fc;
    }

    .mene-item-lang li {
      /* height: 26px; */
      /* line-height: 26px; */

    }

    .mene-item-lang a {
      display: block;
      white-space: nowrap;
      color: #07f;

    }

    .nav-con li {
      float: left;
      width: 198px;
      line-height: 32px;
      height: 32px;
      padding-left: 30px;
      overflow: hidden;
      border-right: 1px solid #acd1f9;
    }

    .nav-con li a {
      color: #666;
      font-size: 14px;
    }

    /* 全局设置盒模型 */
    * {
      box-sizing: border-box;
    }

    /* 底部 */
    .footer{
      background-color: #f8f8f8;
      margin-top: 40px;
      font-size: 14px
    }
    .footer-con{
      padding: 20px 0;
      width: 1200px;
      margin-left: auto;
      margin-right: auto;
      height: 194px;
    }
    .footer-con::before{
      content: "";
      display: table;
    }
    .footer-con::after{
      clear: both;
      overflow: hidden;
    }
    .foot-links{
      margin-right: 20px;
      float: left;
      width: 420px;
      margin-left: 60px;
    }
    .foot-con-tit{
      height: 54px;
      line-height: 54px;
      font-size: 14px;
    }
    .foot-links-list{
      height: 100px;
    }
    .foot-links-list li{
      float: left;
      margin: 0 10px 10px 0;
    }
    .foot-links-list img{
      display: block;
      width: 200px;
      height: 34px;
      border: 1px solid #efefef;
    }
    .foot-code{
      float: left;
    }
    .foot-code li{
      text-align: center;
      float: left;
    }
    .code-pic{
      width: 80px;
      height: 80px;
      background-color: #fff;
      margin: 0 auto;
      position: relative;
    }
    .code-pic img{
      display: block;
      width: 80px;
      height: 80px;border: 1px solid #efefef;
    }
    .code-tips{
      position: absolute;
      top: 0;
      left: 96px;
      width: 190px;
      height: 80px;
      border: 1px solid #efefef;
      background-color: #fff;
      background-image: url("resources/img/bg-train.png");

      background-position: right bottom;
      background-repeat: no-repeat;
      line-height: 18px;
      padding: 12px 10px;
      font-size: 12px;
      text-align: left;
    }
    .footer-txt{
      text-align: center;
      padding: 10px 0;
      background-color: #666;
      color: #c1c1c1;
    }
    .footer-txt p{
      line-height: 30px;
    }
    .mr{
      margin-right: 10px;
    }
  </style>
</head>
<body>
<div class="footer">
  <div class="footer-con">
    <div class="foot-links">
      <h2 class="foot-con-tit">友情链接</h2>
      <ul class="foot-links-list">
        <li>
          <a href="">
            <img alt="" src="resources/img/link05.png" title="中国国家铁路集团有限公司"/>
          </a>
        </li>
        <li>
          <a href="">
            <img alt="" src="resources/img/link02.png" title="中国铁路财产保险自保有限公司"/>
          </a>
        </li>
        <li>
          <a href="">
            <img alt="" src="resources/img/link03.png" title="中国铁路95306网"/>
          </a>
        </li>
        <li>
          <a href="">
            <img alt="" src="resources/img/link04.png" title="中铁快运股份有限公司"/>
          </a>
        </li>
      </ul>
    </div>
    <ul class="foot-code">
      <li style="width: 140px;">
        <h2 class="foot-con-tit">中国铁路官方微信</h2>
        <div class="code-pic">
          <img src="resources/img/zgtlwx.png" title="中国铁路官方微信" alt=""/>
        </div>
      </li>
      <li style="width: 140px;">
        <h2 class="foot-con-tit">中国铁路官方微博</h2>
        <div class="code-pic">
          <img src="resources/img/zgtlwb.png" title="中国铁路官方微博" alt=""/>
        </div>
      </li>
      <li style="width: 110px;">
        <h2 class="foot-con-tit">12306 公众号</h2>
        <div class="code-pic">
          <img src="resources/img/public.png" title="12306 公众号" alt=""/>
        </div>
      </li>
      <li style="width: 110px;">
        <h2 class="foot-con-tit">铁路12306</h2>
        <div class="code-pic">
          <img src="resources/img/download.png" title="铁路12306" alt=""/>
          <div class="code-tips">
            官方APP下载，目前铁路未授权其他网站或APP开展类似服务内容，敬请广大用户注意。
          </div>
        </div>
      </li>
    </ul>
  </div>
  <div class="footer-txt" style="position: relative;">
    <p>
      <span class="mr">版权所有©2008-2025</span>
      <span>中国铁道科学研究院集团有限公司</span>
      <span>技术支持：铁旅科技有限公司</span>
    </p>
    <p>
					<span class="mr">
						<img src="resources/img/gongan.png" style="width: 13px;" title="中国铁路集团有限公司" alt=""/>
						<a href="" style="color: #c1c1c1;">京公网安备 11010802038392号</a>
					</span>
      <span class="mr">|</span>
      <span class="mr">京ICP备05020493号-4</span>
      <span class="mr">|</span>
      <span class="mr">ICP证：京B2-20202537</span>
    </p>
    <div style="position: absolute;top: 17px;left: 50%;margin-left: 465px;">
      <img src="resources/img/footer-slh.jpg" style="display: block;width: 130px;height: 46px;" alt=""/>
    </div>
  </div>
</div>
</body>
</html>